<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=980">
<title>Html 5 - Detail</title>
<link rel="stylesheet" type="text/css" href="styles/base.css"/>
<link rel="stylesheet" type="text/css" href="styles/global.css"/>
<link rel="stylesheet" type="text/css" href="styles/detail.css"/>
<!--[if lt IE 9]>
<script src="scripts/html5shiv.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div class="header-wrapper">
  <header id="site-header" class="layout">
    <section  id="site-logo"><a href="###" title="Site Name" rel="home"><span>Site Name</span></a></section >
    <hgroup class="dn">
      <h1 id="site-title">Site Name</h1>
      <h2 id="site-description">重新上路</h2>
    </hgroup>
    <nav id="secondary-nav" role="navigation">
      <ul class="clearfix">
        <li class="link"><a href="###">Nav 1</a></li>
        <li class="link"><a href="###">Nav 2</a></li>
        <li class="link "><a href="###">Nav 3</a></li>
      </ul>
    </nav>
    <form method="get" id="search-form" action="http://www.elppa.cn/">
      <label for="s" class="assistive-text">Search</label>
      <input type="text" class="field" name="s" id="s" placeholder="Search" />
      <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />
    </form>
    <nav id="primary-nav" role="navigation">
      <ul class="list clearfix">
        <li class="link"><a href="###">Nav 1</a></li>
        <li class="link"><a href="###">Nav 2</a></li>
        <li class="link"><a href="###">Nav 3</a></li>
        <li class="link"><a href="###">Nav 4</a></li>
        <li class="link"><a href="###">Nav 5</a></li>
        <li class="link"><a href="###">Nav 6</a></li>
        <li class="link"><a href="###">Nav 7</a></li>
        <li class="link"><a href="###">Nav 8</a></li>
      </ul>
    </nav>
  </header>
  <div class="header-background"> </div>
</div>
<div class="page-path-wrapper layout">
  <section id="page-path"> Home<span>&gt;</span>E-Commerce<span>&gt;</span>iphone 3GS</section>
</div>
<div class="main-wrapper layout">
  <div id="site-main" class="r5 pt20 clearfix">
    <div class="detail-container  clearfix">
      <article class="detail-mian">
        <header class="detail-header rlt5 def-gradient ">
          <div class="detail-title ">苹果iphone 3GS手机</div>
          <div class="detail-tags"><a href="###">办公用品</a>,<a href="###">数码产品</a></div>
        </header>
        <div class="detail-info">
          <div class="detail-info-label">商品描述</div>
          <div class="detail-full-des-content">iPhone 3G S 搭载全新的 iPhone OS 3.0 操作系统，这是世界上最先进的移动电话操作系统，此款iPhone 具有 100 多种新功能，例如剪切、拷贝和粘贴、MMS、Spotlight 搜索、横向键盘等等，并且与最初的 iPhone 类似，它集革命性的电话、宽屏 iPod 和突破性的 Internet 设备于一身，可以查看 Rich HTML 电子邮件，并且可以浏览完整的 Web。</div>
        </div>
        <div class="detail-info">
          <div class="detail-info-label">商品参数</div>
          <div class="detail-full-des-content">型号：iPhone<br/>
            颜色：黑色<br/>
            外观设计：直板<br/>
            输入方式：手写<br/>
            操作系统：Mac 系统要求<br/>
            配备 USB 2.0 端口的 Mac 电脑<br/>
            Mac OS X v10.4.11 或更新版本<br/>
          iTunes 8.2 或更新版本（从 www.apple.com.cn/itunes/download/ 免费下载)</div>
        </div>
        
        <div class="detail-pic"> <img src="images/cms/1181f442c6eb183511d1944fc21caa1f.jpg" width="586" /> <img src="images/cms/d7c1d65242c21c8a8004de73230936fa.jpg" width="586" /> </div>
      </article>
      <aside class="detail-sidebar">
        <div class="detail-block"> <span class="detail-label">关于商品</span>
          <div class="detail-name">苹果iphone 3GS手机</div>
          <div class="detail-price"><span class="detail-key">礼品价格：</span>&yen;1,800</div>
          <div class="detail-code"><span class="detail-key">礼品编码：</span>G2012</div>
          <div class="contact-us-button ">
            <a href="###" class="send-message l-gradient r5">联系我们</a>
          </div>
        </div>
        <div class="detail-block"> <span class="detail-label">商品介绍</span>
          <div class="detail-simple-des">iPhone由苹果公司首席执行官史蒂夫•乔布斯在2007年1月9日举行的Macworld宣布推出，2007年6月29日在美国上市，将创新的移动电话、可触摸宽屏iPod以及具有桌面级电子邮件、网页浏览、搜索和地图功能的突破性因特网通信设备这三种产品完美地融为一体。</div>
        </div>
        <div class="detail-block"> <span class="detail-label">分享</span>
          <div class="detail-share">
            <!-- sharebar button begin -->
            <a class="sharebar_button" href="http://www.sharebar.cn/"><img src="http://s.sharebar.cn/img/lg-share-cn.gif" width="125" height="21" alt="分享条" style="border:0"/></a>
            <!-- sharebar button end -->
          </div>
        </div>
        <div class="detail-block"> <span class="detail-label">相关礼品</span>
         <ul class="sidebar-product-list">
            <li class="sidebar-product-item"><img src="images/cms/006aa3c7cc69c9a042db4275188cd866.jpg" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
            <li class="sidebar-product-item"><img src="images/cms/83a8cb1d7d3a7568ed9e54b33df752e1.jpg" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
            <li class="sidebar-product-item"><img src="images/cms/38aaeed2ac665b38db36e75d809f4bfb.jpg" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
            <li class="sidebar-product-item"><img src="images/cms/32fe6ced3eaf88c930d6d62fa75b61b9.png" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
            <li class="sidebar-product-item"><img src="images/cms/1266c37cbfbeb30b875ee1add4a16e6c.jpg" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
            <li class="sidebar-product-item last"><img src="images/cms/006aa3c7cc69c9a042db4275188cd866.jpg" /><span class="title"><a href="###">苹果iphone 3GS手机</a></span>
              <p class="description">让应用程序在后台随时待命，也可以将应用程序整齐纳入文件夹。</p>
              <span class="price"><span class="label">价格：</span>&yen;1,800</span> </li>
          </ul>
        </div>
      </aside>
    </div>
  </div>
</div>
<div class="footer-wrapper">
  <footer id="site-footer">
    <div class="site-call-center">
      <div class="phone-number">400-800-8000</div>
      <span class="phone-title">（客服电话）</span> </div>
    <nav class="site-map layout" role="navigation">
      <div class="clearfix">
        <dl class="fl quick-links clearfix">
          <dt>快速导航</dt>
          <dd><a href="###">网站地图</a></dd>
          <dd><a href="###">站点服务</a></dd>
          <dd><a href="###">关于我们</a></dd>
          <dd><a href="###">个性定制</a></dd>
          <dd><a href="###">联系我们</a></dd>
          <dd><a href="###">礼品策划</a></dd>
          <dd><a href="###">弘尚资讯</a></dd>
          <dd><a href="###">疑问解答</a></dd>
        </dl>
        <dl class="fr customer-example clearfix">
          <dt>客户案例</dt>
          <dd><a href="#">银行篇</a></dd>
          <dd><a href="#">政府篇</a></dd>
          <dd><a href="#">企业篇</a></dd>
        </dl>
      </div>
    </nav>
    <section class="footer-copyright"> Copyright  (C) 2003-2012 </section>
  </footer>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://s.sharebar.cn/js/sharebar_button.js" charset="utf-8"></script>
<script type="text/javascript" src="scripts/common.js"></script>
</body>
</html>
